section {
  flex: 1;
  position: relative;

  .tools {
    z-index: 1000;
    position: absolute;
    bottom: 20px;
    left: 20px;

    button {
      margin-top: 10px;
      opacity: .3;

      .iconfont {
        margin-right: 3px;
      }
    }

    button.active, button:hover {
      opacity: 1;
    }
  }


  /deep/ .blackBg .el-pagination {
    .el-input__inner {
      background-color: #101010;
      border-color: rgba(255, 255, 255, .1);
      color: #006AA5;
      font-weight: 600;
    }

    .btn-next, .btn-prev {
      background: center center no-repeat #222;
      border: 1px solid #222;
      color: #555;
    }

    .btn-next:hover, .btn-prev:hover {
      color: var(--title-color)
    }

    button:disabled {
      color: #555 !important;
    }

    .el-pager li {
      background-color: #101010;
      border: 1px solid #111;
    }
  }

  .chart {
    height:100%;
    display: flex;
    padding: 5% 20%;
    box-sizing: border-box;
    gap: 5%;

    > div {
      width: 50%;
      height: 100%;
      display: flex;
      gap: 5%;
      flex-direction: column;

      > div {
        width: 100%;
        height: 50%;
      }
    }


  }
}

